<template>
  <g>
    <rect
      :width="width"
      :height="height"
      :x="x-width/2"
      :y="y-height/2"
      rx="2"
      ry="2"
      stroke-width="2"
      fill="transparent"
      stroke-dasharray="0"
    />
    <text :x="x" :y="y+2" text-anchor="middle" font-size="14" stroke-width="0">
      <slot></slot>
    </text>
    <!-- <image xlink:href="../assets/workflow/branch.png" :x="x-width/2+2" :y="y-height/2+2" height="18" width="18" /> -->
    <svg
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      :x="x-width/2+2"
      :y="y-height/2+2"
      height="18"
      width="18"
      viewBox="0 0 1000 1000"
      enable-background="new 0 0 1000 1000"
      xml:space="preserve"
    >
      <metadata>Svg Vector Icons : http://www.sfont.cn</metadata>
      <g>
        <path
          d="M500,10C229.8,10,10,229.8,10,500c0,270.2,219.8,490,490,490c106.5,0,208.5-34.6,295.3-100.3c4-4.6,6-9.7,6-15.3c0-12.8-10.5-23.2-23.3-23.2c-6.3,0-12.1,2.3-16.3,6.6l-0.5,0.3c-76.4,56.2-166.5,86-260.6,86c-242.9,0-440.6-197.6-440.6-440.6c0-243.1,197.6-440.7,440.6-440.7c243,0,440.7,197.7,440.7,440.7c0,73.9-16.8,143.1-50,205.7l-0.3,1.3c-0.5,1.9-1.1,3.9-1.1,6c0,12.9,10.4,23.3,23.2,23.3c7.5,0,14.2-3.6,18.5-9.4v0.5l1-2c0.7-1.1,1.3-2.2,1.7-3.3l0.3-0.6C971.3,653.7,990,578.1,990,500C990,229.8,770.2,10,500,10z"
        />
        <path
          d="M630,609.2l4.5-0.1c23.1-1.2,44.4-11.4,59.9-28.5c15.5-17.2,23.4-39.4,22.2-62.6c-2.4-46.8-41.4-82.1-91.1-82.1c-23.1,1.2-44.4,11.4-59.9,28.5c-2.3,2.5-4.1,5.3-5.9,7.9l-0.5,0.7l-112.6-10.4c-2.6-20.3-12.2-38.8-27.1-52.2l46.8-84.2c5.7,1.1,11.4,1.7,16.9,1.7c47.8,0,86.7-38.9,86.7-86.7c0-47.8-38.9-86.7-86.7-86.7c-47.8,0-86.7,38.9-86.7,86.7c0,22.4,8.6,43.6,24.1,59.8l-48.5,87.2c-5.7-0.9-10.7-1.4-15.7-1.4c-23.1,1.3-44.4,11.4-59.9,28.6c-15.5,17.2-23.4,39.3-22.1,62.5c2.3,46.1,40.3,82.2,86.5,82.2l4.5-0.1c23.1-1.2,44.4-11.4,59.9-28.5c4.4-4.8,8.2-10.4,11.9-17.5l106.3,9.8c0,0.1,0,0.2,0,0.3c-0.1,0.9-0.1,1.8-0.1,2.7c0.8,16.6,6.4,32.5,16.2,46.1L520,644.2c-0.5-0.1-1-0.1-1.5-0.2c-1.5-0.2-3.1-0.4-4.7-0.4c-47.8,0-86.7,38.9-86.7,86.7c0,47.8,38.9,86.7,86.7,86.7c47.8,0,86.7-38.9,86.7-86.7c0-25.7-11.6-49.8-31.8-66.5l33.2-59.5C611.3,607.5,620.8,609.2,630,609.2z M395.4,471.8c0.5,9.3-2.7,18.1-8.8,24.9c-6.2,6.8-14.7,10.9-23.9,11.3l-1.9,0c-18.4,0-33.5-14.4-34.4-32.7c-0.4-9.2,2.7-18,8.8-24.9c6.5-7.1,15.1-10.9,25.8-11.4C379.4,439.1,394.5,453.5,395.4,471.8z M483.3,275.8c-19,0-34.5-15.5-34.5-34.6c0-19,15.5-34.5,34.5-34.5c19,0,34.5,15.5,34.5,34.5C517.8,260.3,502.3,275.8,483.3,275.8z M513.8,695.8c19,0,34.5,15.5,34.5,34.6c0,19-15.5,34.5-34.5,34.5c-19,0-34.5-15.5-34.5-34.5C479.3,711.3,494.8,695.8,513.8,695.8z M595.5,524.2c-0.5-9.2,2.7-18.1,8.8-24.9c6.4-7.1,15.1-10.9,25.8-11.4c18.4,0,33.5,14.4,34.4,32.8c0.5,9.3-2.7,18.1-8.8,24.9c-6.2,6.9-14.7,10.9-23.9,11.3L630,557C611.6,557,596.5,542.6,595.5,524.2z"
        />
      </g>
    </svg>
  </g>
</template>
<script>
export default {
  props: ["x", "y", "width", "height"]
};
</script>